import SwiftUI struct MapBlockers: View { let mapSize: CGSize let vertexSize: CGSize let blockers: [Blocker] let cornerSize = CGSize(width: 2.0, height: 2.0) var body: some View { ForEach(blockers, id: \.id) { vertex in Path { path in path.addRoundedRect( in: CGRect( origin: CGPoint( x: w(vertex.position.x) + 3 * vertexSize.width, y: h(vertex.position.y) - vertexSize.height * 2 / 3), size: CGSize(width: vertexSize.width / 2, height: vertexSize.height * 2) ), cornerSize: cornerSize) }.fill(Color.map.blockerColor) } } func h(_ dimension: CGFloat) -> CGFloat { max(0.0, min(mapSize.height, dimension * mapSize.height / 100.0)) } func w(_ dimension: CGFloat) -> CGFloat { max(0.0, min(mapSize.width, dimension * mapSize.width / 100.0)) } } struct MapBlockers_Previews: PreviewProvider { static var previews: some View { MapBlockers( mapSize: CGSize(width: 400.0, height: 400.0), vertexSize: CGSize(width: 25.0, height: 25.0), blockers: [ Blocker(id: 0, position: CGPoint(x: 50.0, y: 50.0)), Blocker(id: 1, position: CGPoint(x: 10.0, y: 20.0)), ]) } }